<template>
	<view class="error-page">
		<view class="err-cen animated fadeIn"> 
			<view class="error-box">
				<view class="error-main"  v-for="(item,index) in imglist" :key="index"  v-if="type == item.type">
					<image  :src="item.img" mode="widthFix"  />
				</view>
				{{msg}}
			</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		props:{
			type:{
				type:String,
					default:'data'
			},
			msg:{
				type:String,
				default:''
			}
		},
		mounted() {
		},
		data() {
			return {
				imglist:[
					{img:require('@/static/err-img/aaddress.png'),type:'aaddress'},
					{img:require('@/static/err-img/card.png'),type:'card'},
					{img:require('@/static/err-img/data.png'),type:'data'},
					{img:require('@/static/err-img/history.png'),type:'history'},
					{img:require('@/static/err-img/level.png'),type:'level'},
					{img:require('@/static/err-img/like.png'),type:'like'},
					{img:require('@/static/err-img/order.png'),type:'order'},
					{img:require('@/static/err-img/page.png'),type:'page'},
					{img:require('@/static/err-img/seearch.png'),type:'search'},
					{img:require('@/static/err-img/shop.png'),type:'shop'},
				]
			};
		}
	}
</script>

<style lang="scss" scope>
	image{
		height: 0;
	}
	.error-page{
		width: 100%;
	}
	.err-cen{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #cccccc;
		padding:60rpx 0;
		font-size: 30rpx;
		image{
			width: 300rpx;
			margin-bottom: 40rpx;
		}
	}
</style>
